<!--特殊数据处理-->
<!--车辆定查汇总月报表-->
<template>
<div class="public-common">
    <div class="public-title">请选择查询条件</div>
    <el-form :model="form" label-width="120px">
        <el-row>
            <el-col :span="8">
                <el-form-item label="油补批次">
                     <el-select style="width: 100%;" placeholder="请选择" v-model="form.carzl1">
                       <el-option v-for="(v,i) in item1" :value="v.value" :key="i" :label="v.text">{{v.text}}</el-option>
                     </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="车牌号码">
                    <el-input size="small" v-model="form.carzl2"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-button type="primary" style=" margin-left: 10px;">查询</el-button>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
               <el-form-item label="车辆所属公司">
                   <el-input size="small" v-model="form.carzl3"></el-input>
               </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="车牌号">
                    <el-input size="small" v-model="form.carzl4"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">


            </el-col>
        </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 20px;">驾驶员信息一</div>
    <el-form :model="formq" label-width="120px">
        <el-row>
            <el-col :span="8">
                <el-form-item label="姓名">
                    <el-input size="small" v-model="formq.carzlq1"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="银行卡号">
                    <el-input size="small" v-model="formq.carzlq2"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
               <el-form-item label="身份证号">
                   <el-input size="small" v-model="formq.carzlq3"></el-input>
               </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="	班次">
                    <el-input size="small" v-model="formq.carzlq4"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="16">
               <el-form-item label="备注">
                   <el-input size="small" type="textarea" v-model="formq.carzlq5"></el-input>
               </el-form-item>
            </el-col>
        </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 20px;">驾驶员信息二</div>
    <el-form :model="formw" label-width="120px">
        <el-row>
            <el-col :span="8">
                <el-form-item label="姓名">
                    <el-input size="small" v-model="formw.carzlw1"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="银行卡号">
                    <el-input size="small" v-model="formw.carzlw2"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
               <el-form-item label="身份证号">
                   <el-input size="small" v-model="formw.carzlw3"></el-input>
               </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="	班次">
                    <el-input size="small" v-model="formw.carzlw4"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="16">
               <el-form-item label="备注">
                   <el-input size="small" type="textarea" v-model="formw.carzlw5"></el-input>
               </el-form-item>
            </el-col>
        </el-row>
    </el-form>
    <div class="public-title" style="margin-top: 20px;">驾驶员信息三</div>
    <el-form :model="forme" label-width="120px">
        <el-row>
            <el-col :span="8">
                <el-form-item label="姓名">
                    <el-input size="small" v-model="forme.carzle1"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="银行卡号">
                    <el-input size="small" v-model="forme.carzle2"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="8">
               <el-form-item label="身份证号">
                   <el-input size="small" v-model="forme.carzle3"></el-input>
               </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="	班次">
                    <el-input size="small" v-model="forme.carzle4"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="16">
               <el-form-item label="备注">
                   <el-input size="small" type="textarea" v-model="formq.carzlq5"></el-input>
               </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="16">
               <el-button type="primary" style=" margin-left: 10px;">提交数据</el-button>
               <el-button type="primary" style=" margin-left: 10px;">返回</el-button>
            </el-col>
        </el-row>
    </el-form>
</div>
</template>

<script>
export default {
    data(){
        return {
              form:{
                  carzl1:'',
                  carzl2:'',
                  carzl3:'',
                  carzl4:'',
              },
              formq:{
                  carzlq1:'',
                  carzlq2:'',
                  carzlq3:'',
                  carzlq4:'',
                  carzlq5:'',
              },
              formw:{
                  carzlw1:'',
                  carzlw2:'',
                  carzlw3:'',
                  carzlw4:'',
                  carzlw5:'',
              },
              forme:{
                  carzle1:'',
                  carzle2:'',
                  carzle3:'',
                  carzle4:'',
                  carzle5:'',
              },
              tabledata:[],
              page:{
                now:1,
                pagesize:10,
                sizes:[2,10, 20, 50, 100],
                total:0,
                key:''
              },

        }
    },
    methods:{
        search(){
            alert("search")
        },
        //分页
        handleSizeChange(pagesize){
            this.page.pagesize = pagesize;
            this.search(true,true);
        },
        handleCurrentChange(pageno){
            this.page.now = pageno;
            this.search(true,true);
        }

    }
}
</script>

<style>
  .el-form-item .el-form-item__label{ width: 90px !important;}
  .el-form-item .el-form-item__content{ margin-left: 90px !important;}
.public-common .el-form-item .el-input{ width: 100%;}
.public-title{line-height: 30px;background-color: #deecfd;padding:0 10px;margin-bottom:20px;color: #15428F}

</style>
